function DialogCustomizeTask(container, item, options) {
  this._container = container;
  this._item = item;
  this._options = options;
  this._createElements();
};

DialogCustomizeTask.prototype._createElements = function() {
  var gui, table, tr, td, unique = MiscUtils.unique();
  
  table = document.createElement('table');
  table.style.width = '772px';
  table.style.height = '196px';
  table.cellPadding = 0;
  table.cellSpacing = 0;
  table.style.backgroundColor = '#eeeeee';
  table.style.borderBottom = 'solid 1px #ccc';
  this._container.appendChild(table);
  
  tr = table.insertRow(-1);
  td = tr.insertCell(-1);
  td.style.width = '772px';
  td.style.height = '10px';
  td.colSpan = '2';
  
//  tr = table.insertRow(-1);
//  td = tr.insertCell(-1);
//  td.style.width = '98px';
//  td.style.height = '25px';
//  td.style.textAlign = 'left';
//  td.style.verticalAlign = 'middle';
//  td.style.padding = '0 0 0 25px';
//  td.style.color = '#695f55';
//  td.style.fontWeight = 'bold';
//  td.style.fontSize = '9pt';
//  td.appendChild(document.createTextNode('Owner'));
//  td = tr.insertCell(-1);
//  td.style.width = '674px';
//  td.style.height = '25px';
//  td.style.textAlign = 'left';
//  td.style.verticalAlign = 'middle';
//  td.style.padding = '0 0 0 4px';
//  var div = document.createElement('div');
//  div.id = unique + '_owner_div';
//  td.appendChild(div);
  
  tr = table.insertRow(-1);
  td = tr.insertCell(-1);
  td.style.width = '98px';
  td.style.height = '25px';
  td.style.textAlign = 'left';
  td.style.verticalAlign = 'middle';
  td.style.padding = '0 0 0 25px';
  td.style.color = '#695f55';
  td.style.fontWeight = 'bold';
  td.style.fontSize = '9pt';
  td.appendChild(document.createTextNode('User'));
  td = tr.insertCell(-1);
  td.style.width = '674px';
  td.style.height = '25px';
  td.style.textAlign = 'left';
  td.style.verticalAlign = 'middle';
  var opselect = document.createElement('select');
  opselect.style.borderRight= 'solid 1px #fff';
  opselect.style.borderBottom=  'solid 1px #fff';
  opselect.style.borderLeft= 'solid 1px #d2c4b9';
  opselect.style.borderTop= 'solid 1px #d2c4b9';
  opselect.style.width = '154px';
  opselect.style.height = '22px';
  opselect.id = unique + '_assignee_select';
  td.appendChild(opselect);
  
  tr = table.insertRow(-1);
  td = tr.insertCell(-1);
  td.style.width = '98px';
  td.style.height = '25px';
  td.style.textAlign = 'left';
  td.style.verticalAlign = 'middle';
  td.style.padding = '0 0 0 25px';
  td.style.color = '#695f55';
  td.style.fontWeight = 'bold';
  td.style.fontSize = '9pt';
  td.appendChild(document.createTextNode('Deadline'));
  td = tr.insertCell(-1);
  td.style.width = '674px';
  td.style.height = '25px';
  td.style.textAlign = 'left';
  td.style.verticalAlign = 'middle';
  var dlinput = DOMUtils.createInput('', '', 'text', '', null)
  dlinput.style.width = '150px';
  dlinput.style.borderRight= 'solid 1px #fff';
  dlinput.style.borderBottom=  'solid 1px #fff';
  dlinput.style.borderLeft= 'solid 1px #d2c4b9';
  dlinput.style.borderTop= 'solid 1px #d2c4b9';
  dlinput.style.height = '18px';
  dlinput.id = unique + '_deadline_text';
  td.appendChild(dlinput);
  
  tr = table.insertRow(-1);
  td = tr.insertCell(-1);
  td.style.width = '98px';
  td.style.height = '66px';
  td.style.textAlign = 'left';
  td.style.verticalAlign = 'top';
  td.style.padding = '7px 0 0 25px';
  td.style.color = '#695f55';
  td.style.fontWeight = 'bold';
  td.style.fontSize = '9pt';
  td.appendChild(document.createTextNode('Content'));
  td = tr.insertCell(-1);
  td.style.width = '674px';
  td.style.height = '66px';
  td.style.textAlign = 'left';
  td.style.verticalAlign = 'top';
  td.style.padding = '2px 0 0 0';
  var text = document.createElement('textarea');
  text.id = unique + '_task_textarea';
  text.style.borderRight= 'solid 1px #fff';
  text.style.borderBottom=  'solid 1px #fff';
  text.style.borderLeft= 'solid 1px #d2c4b9';
  text.style.borderTop= 'solid 1px #d2c4b9';
  text.style.width = '645px';
  text.style.height = '60px';
  td.appendChild(text);
  
  tr = table.insertRow(-1);
  td = tr.insertCell(-1);
  td.style.width = '98px';
  td.style.height = '25px';
  td.style.textAlign = 'left';
  td.style.verticalAlign = 'middle';
  td.style.padding = '0 0 0 25px';
  td.style.color = '#695f55';
  td.style.fontWeight = 'bold';
  td.style.fontSize = '9pt';
  td.appendChild(document.createTextNode('Customer No:'));
  td = tr.insertCell(-1);
  td.style.width = '674px';
  td.style.height = '25px';
  td.style.textAlign = 'left';
  td.style.verticalAlign = 'middle';
  var cninput = DOMUtils.createInput('', '', 'text', '', null)
  cninput.style.borderRight= 'solid 1px #fff';
  cninput.style.borderBottom=  'solid 1px #fff';
  cninput.style.borderLeft= 'solid 1px #d2c4b9';
  cninput.style.borderTop= 'solid 1px #d2c4b9';
  cninput.style.width = '150px';
  cninput.style.height = '18px';
  cninput.id = unique + '_cusNo_text';
  td.appendChild(cninput);
  
  tr = table.insertRow(-1);
  td = tr.insertCell(-1);
  td.style.width = '98px';
  td.style.height = '25px';
  td.style.textAlign = 'left';
  td.style.verticalAlign = 'middle';
  td.style.padding = '0 0 0 25px';
  td.style.color = '#695f55';
  td.style.fontWeight = 'bold';
  td.style.fontSize = '9pt';
  td.appendChild(document.createTextNode('Order'));
  td = tr.insertCell(-1);
  td.style.width = '674px';
  td.style.height = '25px';
  td.style.textAlign = 'left';
  td.style.verticalAlign = 'middle';
  var oselect = document.createElement('select');
  oselect.style.borderRight= 'solid 1px #fff';
  oselect.style.borderBottom=  'solid 1px #fff';
  oselect.style.borderLeft= 'solid 1px #d2c4b9';
  oselect.style.borderTop= 'solid 1px #d2c4b9';
  oselect.style.width = '154px';
  oselect.style.height = '22px';
  oselect.id = unique + '_orderType_select';
  td.appendChild(oselect);
  
  tr = table.insertRow(-1);
  td = tr.insertCell(-1);
  td.style.width = '772px';
  td.style.height = '10px';
  td.colSpan='2';
  
  gui = GuiDialogCustomizeTask.instance(unique);
  new HandleDialogCustomizeTask(gui, this._item, this._options);
};
